<!DOCTYPE html>
<html xmlns="http://www.w3.org/1a5a5a5/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1,width=device-width">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">

<title>天天运气旺</title>
<link rel="icon" type="" href="__ROOT__/public/ForegroundTemplate/images/vip.png" />
<meta name="keywords" content="天天运气旺" />
<meta name="description" content="天天运气旺" />

<!-- 功能样式 -->
<link type="text/css" rel="stylesheet"  href="__ROOT__/public/ForegroundTemplate/css/style.css"/><!-- 公用样式 -->
<link type="text/css" rel="stylesheet"  href="__ROOT__/public/ForegroundTemplate/css/index.css"/><!-- 首页样式 -->
    <link rel="stylesheet" href="__ROOT__/swiper.min.css">

<script type="text/javascript" src="__ROOT__/public/ForegroundTemplate/js/jquery-1.8.3.min.js"></script><!-- 公用 -->
<script type="text/javascript" src="__ROOT__/public/ForegroundTemplate/js/jquery.touchSlider.js"></script><!-- banner -->
    <script type="text/javascript" src="__ROOT__/public/swiper.jquery.min.js"></script><!-- banner -->
<!-- 功能样式 -->

    <script type="text/javascript" src="js/tendina.js"></script><!-- 下拉菜单 -->

    <script type="text/javascript" src="js/jquery.min.js"></script><!-- 下拉菜单 -->

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

</head>

<body>
<!-- 搜索 -->
<div id="search" class="clearfix">
    <a class="prev fl" href="{:U('Face/Index/index')}" title="后退">&lt;</a>
    <form action="{:U('Face/Index/ser')}" method="post">
    <div class="search fl">
        <input type="text" id="searchtext" name="ser" class="searchtext fl" placeholder="请输入搜索内容" />
        <input type="submit" id="searchsubmit" class="searchsubmit fr" value="搜索" />
    </div>
    </form>
</div>
{__CONTENT__}

<!-- 底部 -->
<script type="text/javascript">
    //导航下拉菜单
    $('.nav').tendina({
        animate: true,
        speed: 500,
        openCallback: function($clickedEl) {
            console.log($clickedEl);
        },
        closeCallback: function($clickedEl) {
            console.log($clickedEl);
        }
    })

    //列表切换
    var oTab=document.getElementById("navCont");
    var aH3=oTab.getElementsByTagName("a");
    var aDiv=document.getElementsByClassName("switchCont");
    for(var i=0;i<aH3.length;i++){
        aH3[i].index=i;
        aH3[i].onclick=function(){
            for(var i=0;i<aH3.length;i++){
                aH3[i].className="";
                aDiv[i].style.display="none";
            }
            this.className="cur";
            aDiv[this.index].style.display="block";
        }
    }
</script>
<!-- javascript -->
<script type="text/javascript">
$(document).ready(function(){
	//  点击切换
	$dragBln = false;
	$(".main_image").touchSlider({
		flexible : true,
		speed : 300,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e){
			$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
		}
	});
	// 自动轮换
	timer = setInterval(function(){
		$("#btn_next").click();
	}, 3000);
	$(".main_visual").hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		},3000);
	});
	$(".main_image").bind("touchstart",function(){
		clearInterval(timer);
	}).bind("touchend", function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		}, 3000);
	});
});
</script>
<!-- javascript -->
</body>
</html>
